<html lang="en">
<head>
    <title>系统设置</title>
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit" />

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/jstree/dist/themes/default/style.min.css" />
    <!-- END PAGE LEVEL STYLES -->
    <link href="../metronic/assets/global/plugins/codemirror/lib/codemirror.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/codemirror/theme/neat.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/codemirror/theme/ambiance.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/codemirror/theme/material.css" rel="stylesheet" type="text/css" />
    <link href="../metronic/assets/global/plugins/codemirror/theme/neo.css" rel="stylesheet" type="text/css" />
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .CodeMirror{
            height: 475px !important;
        }
        .feeds li{
            cursor: pointer;
            font-size: 16px;
            padding-left:10px;
        }
        .feeds li:hover{
            background-color: #397FAE;
            color:#FFF;
        }
        .liactive{
            background-color: #397FAE !important;
            color:#FFF !important;
        }
    </style>
</head>
<body class="page-header-fixed page-quick-sidebar-over-content " style="width: 98%; background: #0f0; background-color: transparent;">
<div class="row" style="margin-top:16px;">
    <!--Begin Left Tree-->
    <div class="col-md-3">
        <div class="portlet blue-steel box" style="min-height:575px; background-color:#FFF;">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-cogs"></i>系统属性文件列表
                </div>
                <div class="tools">
                    <a id="tree_refresh" href="javascript:;" class="reload">
                    </a>
                </div>
            </div>
            <div class="portlet-body">
                <ul id="fileul" class="feeds">
                </ul>
            </div>
        </div>
    </div>
    <!--End Left Tree-->
    <!--Begin Right Content-->
    <div class="col-md-9">
        <div class="portlet light bordered">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-social-dribbble font-blue"></i>
                    <span class="caption-subject font-blue bold uppercase">文件内容预览</span>
                </div>
                <button id="btn_save" class="btn blue-steel" style="float:right;">
                    保存 <i class="fa fa-save"></i>
                </button>
            </div>
            <div class="portlet-body">
        <textarea id="code_editor">
        </textarea>
            </div>
        </div>
    </div>
    <!--End Right Content-->
</div>

<input type="hidden" id="hid_filename" name="hid_filename"/>

<script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script src="../metronic/assets/global/plugins/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<script src="../metronic/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="../metronic/assets/main/layout/scripts/layout.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/codemirror/lib/codemirror.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/codemirror/mode/apl/apl.js" type="text/javascript"></script>
<script src="../js/systemManager/systemSetup.js" type="text/javascript"></script>
</body>
</html>
